<template>
  <div>
    <section class="top-text">
      <p>总人数：5555</p>
      <p>签到时长：5555</p>
<!--      调用方法统计签到人数-->
      <p>签到人数：5555</p>
    </section>
    <el-table
        :data="tableData"
        style="width: 100%">
      <template v-for="(item,index) in list">
        <el-table-column
            :prop="item.prop"
            :label="item.label"
            :key="index"
        >
        </el-table-column>
      </template>
    </el-table>
  </div>

</template>

<script>
export default {
  name: "watch",
  data(){
    return{
      //标题数据
      tableData: [
        {
          ren: '王莎莎',
          shifou: '是',
        },
      ],
      //表头数据
      list:[
        {prop:'ren',label:'签到人'},
        {prop:'shifou',label:'是否签到'},
      ]
    }
  }

}
</script>

<style lang="scss">
.top-text{
  white-space: nowrap;
  p{
    font-size: 18px;
    font-weight: normal;
    display: inline-block;
    margin-right: 50px ;
  }
}
</style>
